<!DOCTYPE html>

<html>
	<head>
       <style>
        #bb { padding:5px; background:#ddd; border-radius:5px; border:2px solid #000; margin-top:10px; }
       </style>
	</head>
	<body>
		<h1>Blackboard</h1>
		<canvas id="bb" width="800" height="600"></canvas>
	    <div>name: <input class="inputname" type="text" name="name" id="name" readonly="readonly"/><br />
	    <div>color: <select class="inputcolor" name="color" id="color"></select><br />
	    <div>width: <select class="inputwidth" name="width" id="width"></select><br />
	    <div>icon: <select class="inputicon" name="icon" id="icon"></select><br />
	    <div><button class="clearbutton" id="clear" type="button">Clear Canvas</button></div>
	    <script type="application/dart" src="bb_client.dart"></script>
		<script src="http://dart.googlecode.com/svn/branches/bleeding_edge/dart/client/dart.js"></script>
	</body>
</html>
